.header-btn-item {
  z-index: 1060 !important;
  background-color: #fff;
  .header-cloud-icon {
    font-size: 22px;
  }
  .header-notice {
    display: inline-block;
    transition: all 0.3s;
    span {
      vertical-align: initial;
    }
    .notice-badge {
      color: inherit;
      .header-notice-icon {
              font-size: 16px;
        padding: 4px;
      }
    }
  }
  .dropdown-tabs {
    background-color: @base-bg-color;
    box-shadow: 0 2px 8px @shadow-color;
    border-radius: 0px;
    .msg-list-box {
      padding: 0 16px;
      min-height: 250px;
    }
  }
  .msg-box-title {
    padding: 7px 14px;
    font-size: 16px;
    border: 1px solid @border;
  }
  .msg-list-box {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 1em;
      background-color: #c6ccd7;
    }
    &::-webkit-scrollbar-track {
      border-radius: 1em;
      background-color: transparent;
    }
  }

  .ant-list-item-meta-description,
  .ant-list-item-meta-title {
    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
}

.header-btn-item-icon {
  font-size: 20px;
}
.msg-filter-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}

.msg-filter-box {
  z-index: 1061 !important;
}
.msg-list-box {
  .ant-list-item {
    position: relative;
  }
  .msg-po {
    position: absolute;
    right: 0;
    top: 29px;
  }
  .ant-list-item-meta-description {
    width: 210px;
    font-size: 12px;
  }
  .ant-list-item-meta-avatar {
    margin-top: 9px;
  }
  .ant-list-item-meta-title {
    margin-bottom: 0;
    font-size: 14px;
    color: @textColor3;
    font-weight: bold;
  }
}
.msg-divider {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.msg-box-title {
  font-size: 16px !important;
  color: @textColor3 !important;
  border: none !important;
}

.c-notice-box {
  .dropdown-tabs {
    width: 420px !important;
    height: 463px;
  }
  .ant-list-split .ant-list-item {
    border-bottom: 1px solid #ebecef !important;
  }
  .ant-list-item {
    padding: 5px 0;
  }
}
.c-cloud-box{
  .dropdown-tabs {
    width: 420px !important;
    height: 170px;
  }
  .ant-list-split .ant-list-item {
    border-bottom: 1px solid #ebecef !important;
  }
  .ant-list-item {
    padding: 5px 0;
  }
}
.msg-filter-box {
  padding-top: 0 !important;
  margin-top: -5px !important;
  .ant-popover-arrow {
    display: none;
  }
}
